export default {
  // 为当前模块开启命名空间
  namespaced: true,

  // 模块的 state 数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  // 模块的 mutations 方法
  mutations: {
    addToCart(state, goods) {
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)

      if (!findResult) {
        // 如果购物车中没有这件商品，则直接 push
        state.cart.push(goods)
      } else {
        // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count++
      }
      // console.log(state.cart);
      // 通过 commit() 方法 (调用当前页面的方法)，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 修改复选框状态
    updateGoodsState(state, goods) {
      const newGoods = state.cart.find(x => x.goods_id === goods.goods_id)
      if (newGoods) {
        newGoods.goods_state = goods.goods_state
        // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
        this.commit('m_cart/saveToStorage')
      }
    },
    // 修改数量
    updateGoodsCount(state, goods) {
      const newGoods = state.cart.find(x => x.goods_id === goods.goods_id)
      if (newGoods) {
        newGoods.goods_count = goods.goods_count
        // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
        this.commit('m_cart/saveToStorage')
      }
    },
    // 删除购物车商品
    removeGoodsById(state, goods_id) {
      // filter过滤器
      state.cart = state.cart.filter(item => item.goods_id !== goods_id)
      // console.log(state.cart);
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
    // 根据全选按钮，控制所有按钮的状态
    updateAllGoodsState(state, newState) {
      state.cart.forEach(item => item.goods_state = newState)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    }
  },

  // 模块的 getters 属性
  getters: {
    // 计算商品数量
    total(state) {
      let count = 0
      state.cart.forEach(goods => count += goods.goods_count)
      // console.log(count);
      return count
    },
    // 计算选中的商品数量
    checkedCount(state) {
      const newCart = state.cart.filter(item => item.goods_state)
      let count = 0
      newCart.forEach(goods => count += goods.goods_count)
      // console.log(count);
      return count
    },
    // 已勾选的商品的总价
    checkedGoodsAmount(state) {
      const newArr = state.cart.filter(item => item.goods_state)
      let amount = 0
      newArr.forEach(i => {
        amount += (i.goods_count * i.goods_price)
      })
      return amount
    }
  },
}
